﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<div class="modal-dialog" role="document" style="width: 1200px;">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title"><fmt:message key="assessor.472" /></h4>
    </div>
    <div class="modal-body competency-box">
      <div class="panel panel-default">
        <div class="panel-heading competency-heading">${competency.name}</div>
        <c:forEach var="competencyScore" items="${competencyScores}">
          <div class="panel-body">
            <div class="competency-item">
              <p class="delegate-name"><fmt:message key="assessor.446" />&nbsp;&nbsp;<span class="color-orange">${delegate.name}</span></p>
              <div class="meeting-title">
                <span class="meeting-name">${competencyScore.key}</span> 
                <p class="assessor-name"><fmt:message key="assessor.name" />:&nbsp;&nbsp;
                  <span class="color-orange">${not empty competencyScores[competencyScore.key].sessionExercise ? competencyScores[competencyScore.key].sessionExercise.assessor.name : competencyScores[competencyScore.key].sessionInBasket.assessor.name}</span>
                </p>
              </div>
              <div class="row behaviors-text">
                <div class="col-xs-6">
                  <p class="text-center color-orange"><fmt:message key="assessor.327" /></p>
                  <div class="autosize scorllbar-textarea" style=" word-wrap: break-word; min-height: 100px;">${competencyScores[competencyScore.key].effective}</div>
                </div>
                <div class="col-xs-6">
                  <p class="text-center color-orange"><fmt:message key="assessor.328" /></p>
                  <div class="autosize scorllbar-textarea" style=" word-wrap: break-word; min-height: 100px;">${competencyScores[competencyScore.key].inEffective}</div>
                </div>
              </div>
              
            </div>
          </div>
        </c:forEach>
        
      </div>
      
    </div>
  </div>
</div>